<template>
	<view >
		<view class="search-header" @click="toSearch">
			<image class="search-img" :src="searchImg"></image>
			<view class="search-name" @click="confirmSearch">搜索</view>
			<input class="search-input" type="text"  placeholder-class="placeholder-name" />
		</view >
	</view>
</template>

<script>
	export default {
		name:"bb-search",
		data() {
			return {
				
			};
		},
		methods:{
			toSearch(){
				uni.navigateTo({
					url:"/pages/sub/home/search/search"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>


.search-header {
		
		width: 100%;
		// padding: 0 32rpx;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	
		.search-img {
			position: absolute;
			left: 64rpx;
			width: 32rpx;
			height: 32rpx;
			color: #000;
		}
	
		.search-input {
			position: absolute;
			left: 30rpx;
			padding: 0 32rpx 0 20rpx;
			width: calc(65% + 35rpx);
			height: 30px;
			line-height: 30px;
			background-color: #F2F3F5;
			border: solid #e4e4e5 1rpx;
			border-radius: 36rpx;
			font-size: 30rpx;
			color: #666666;
		}
	
		.placeholder-name {
			font-size: 30rpx;
			color: #999999;
		}
	
		.search-name {
			margin: 10rpx 0 10rpx 0;
			height: 50rpx;
			position: absolute;
			z-index: 1;
			left: calc(60% + 17rpx);
			width: 80rpx;
			text-align: center;
			line-height: 50rpx;
			font-size: 25rpx;
			color: #666666;
			border: solid #e4e4e5 1rpx;
			border-radius: 36rpx;
		}
	}
</style>